<template>
  <div>
    <h1>a: {{ a }}</h1>
    <h1>douA: {{ douA }}</h1>
    <button @click="add">+1</button>
    <!-- v-for -->
    <!-- <v-if></v-if> -->
    <!-- v-show -->
    <!-- v-model -->
  </div>
</template>



<script>
// 选项式 options  api
export default {
  name: 'homeIndex',
  data() {
    return {
      a: 1,
    }
  },
  methods: {
    add() {
      this.a++
    }
  },
  computed: {
    douA() {
      return this.a * 2
    }
  },
  // 常用的生命周期
  beforeCreate() { },
  created() { },
  beforeMount() { },
  mounted() { },
  beforeUpdate() { },
  updated() { },
  beforeUnmount() { },
  unmounted() { },
  // 不常用的生命周期
  // activated
  // deactivated
  // errorCaptured
}
</script>